{% extends "map/new_base.html" %}
{% load boldsentence %}

{% block javascript %}
   <script src="http://www.google.com/jsapi"></script>
   <script type="text/javascript">
      google.load("jquery", "1");
      google.load("jqueryui", "1");  
   </script>
   <link rel="stylesheet"  href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.0/themes/humanity/jquery-ui.css"  type="text/css" />
   <script type="text/javascript">
    $(document).ready(function() {
		$(".draggable").draggable();
    });
</script>


{% endblock %}

{% block title %}Potton Online Classified Ads{% endblock %}

{% block style %}
<link rel="stylesheet" href="/assets/style/ads.css" type="text/css" />
{% endblock %}

{% block page %}
<div id="googleads" style="width:140px;height:610px;float:right;">
<script type="text/javascript"><!--
google_ad_client = "pub-3858597004980394";
/* Index ad */
google_ad_slot = "3857482838";
google_ad_width = 120;
google_ad_height = 600;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>

<div id="ads">
<h1><a href="add/">Add your own classified advert</a></h1>

{% for ad in ads %}
<div class="draggable">{{ ad.text|boldsentence|linebreaks }}</div>
{% endfor %}
</div>
<hr />
{% endblock %}

